﻿<html>
<head>
    <title>MySpace</title>
    <link rel="shortcut icon" href="images/ico.jpg"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
    <link rel="stylesheet" href="css/animate.min.css">
    <script src="plugin/SuperSlide/js/jquery.min.js"></script>
    <script src="plugin/SuperSlide/js/headInfo.js" charset="UTF-8"></script>
    <script src="plugin/SuperSlide/js/uploadBlog.js" charset="UTF-8"></script>
</head>
<body>
<header>
    <div class="logo">
        <img src="/MySpace/avatar/default.jpg" class="xwcms" id="head_avatar"/>
        <div class="logo-text"></div>
        <span style="color:#ff6347;font-size:1.4em;">'S</span> SPACE
    </div>
    <div class="right-block">
        <div style="font-size: 1.5em">welcome</div>
        <br>
        <div>这个人很懒什么都没有留下</div>
    </div>
</header>
<div class="clear">
</div>
<nav id="nav" class="nav-wrap">
    <ul class="clearfix">
        <li>
            <a href="index.html">
                广场
            </a>
        </li>
        <li>
            <a href="./blogs.html">
                我的博客
            </a>
        </li>
        <li class="menuactive">
            <a href="./writing.html">
                写博客
            </a>
        </li>

        <li>
            <a href="./friends.html">
                我的关注
            </a>
        </li>

        <li id="navEnd">
            <a href="./moreinfo.html">
                关于我
            </a>
        </li>
    </ul>
</nav>

<section class="container-content">
    <div class="article-content">
        <br>
        <input class="blogTitle" type="text" placeholder="取个标题吧！" style="border-color: beige; alignment: center;
                    font-size: 20px;
                    outline: 0;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)">
        <button onclick="uploadPic()"
                style="vertical-align:top;height: 30px;margin-left: 170px;background-color: cornflowerblue "><span
                style="color: #EBEBEB">图片</span></button>
        <br>
        <div class="content">
            <div contenteditable="true" class="introduction_area" style="text-align: left;
            min-height: 50px ;border:dashed 2px lightblue"><div>博客简介</div></div>
            <br>
            <div class="writing_area" contenteditable="true"
                 style="text-align: left;min-height: 500px ;border:dashed 2px lightblue">
                <div><br></div>
            </div>
            <div style="height: 40px">
                <button type="button" class="wirtingButton" onclick="publishBlog()"
                        style="margin-left: 500px; ">
                    <span style="color: #EBEBEB">发表博客</span></button>
                <button type="button" class="wirtingButton"
                        style="margin-left: 600px; ">
                    <span style="color: #EBEBEB">保存草稿</span></button>
            </div>
            <form  style="visibility: hidden"  action="./saveBlog" method="POST"
                   class="blogContent" enctype="multipart/form-data">
            </form>
        </div>
    </div>


    <div class="right-fun">
        <div class="model">
            <div class="title">站内搜索</div>
            <div class="content">
                <div class="bar7">
                    <form>
                        <input type="text" placeholder="请输入关键词" name="crid">
                        <button type="submit"></button>
                    </form>
                </div>
            </div>
        </div>
        <div class="model">
            <div class="title">快捷菜单</div>
            <div class="menu">
                <span><a href="blogs.html">我的博客</a></span> <span><a
                    href="writing.html">写博客</a></span> <span>
                <a href="friends.html">我的关注</a></span>
                <span><a href="moreinfo.html">关于我</a></span>
            </div>
        </div>
    </div>
</section>

<div class="clear">
</div>

<footer class="footer">
    <div class="footer_content">
        <h2>周末<span style="color:#FF6347;">'S</span> 博客</h2>
        <p>由<a href="./error.html" target="_blank" style="color:white;text-decoration:underline;">周元俊博客</a>提供技术支持
        </p>
        <p>© 2013－2019 youtiy.com, all rights reserved</p>
    </div>
</footer>


<script src="plugin/SuperSlide/js/jquery.min.js"></script>
<!-- <script src="js/jquery-1.12.4.min.js"></script> -->
<script src="plugin/SuperSlide/js/superslide.2.1.js"></script>
<script type="text/javascript">
    jQuery(".youtiy_slider .bd li").first().before(jQuery(".youtiy_slider .bd li").last());
    jQuery(".youtiy_slider").hover(function () {
        jQuery(this).find(".arrow").stop(true, true).fadeIn(300)
    }, function () {
        jQuery(this).find(".arrow").fadeOut(300)
    });
    jQuery(".youtiy_slider").slide(
        {
            titCell: ".hd ul",
            mainCell: ".bd ul",
            effect: "leftLoop",
            autoPlay: true,
            vis: 3,
            autoPage: true,
            trigger: "mouseover"
        }
    );


    $(document).ready(function (e) {
        var offset = 890;
        $(window).on('scroll', function () {
            if ($(this).scrollTop() > offset) {
                $('.recommend').css('position', 'fixed');
                $('.recommend').css('top', '0px');
            } else {
                $('.recommend').css('position', '');
            }
        });
    });
</script>
</body>
</html>